<template>
  <div>
    <div v-if='$route.fullPath.indexOf("admin")==-1'
         id="app"
         v-cloak>
      <loading></loading>
      <layout-header></layout-header>
      <layout-body></layout-body>
      <layout-footer></layout-footer>
    </div>
    <div v-else-if='$route.fullPath.indexOf("login")>1'>
      <!-- 登录 -->
      <loading></loading>
      <layout-body style="height:700px"></layout-body>
    </div>
    <div v-else>
      <!-- 管理非登录 -->
      <alayout-header></alayout-header>
      <loading></loading>
      <layout-body></layout-body>
    </div>
  </div>
</template>
<script>
import layoutHeader from '@/components/layout/layout-header'
import alayoutHeader from '@/components/layout/alayout-header'
import layoutBody from '@/components/layout/layout-body'
import layoutFooter from '@/components/layout/layout-footer'
import Loading from '@/components/loading'
export default {
  name: "app",
  components: {
    layoutHeader,
    layoutBody,
    layoutFooter,
    alayoutHeader,
    Loading
  },
}
</script>
<style lang="less">
#app {
  font-size: 17px;
  color: #6f6f6f;
}
</style>
